<script setup>
import "./assets/base.css";

import NavBar from "./components/NavBar.vue";
import TheLayout from "./components/TheLayout.vue";
</script>

<template>
  <template v-if="$route.name !== 'login'">
    <header><NavBar></NavBar></header>
    <TheLayout>
      <router-view></router-view>
    </TheLayout>
  </template>
  <template v-else>
    <TheLayout>
      <router-view></router-view>
    </TheLayout>
  </template>

  <footer class="footer" :class="{ inside: $route.name === 'login' }">
    &copy;HuaYueYe. All Rights Reserved.
  </footer>
</template>

<style scoped>
@import url("./assets/base.css");
.header {
  height: 80px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}

.footer {
  text-align: center;
  padding: 38px 0;
  color: #828282;
}
.footer.inside {
  position: absolute;
  bottom: 0;
  width: 100%;
}
</style>
